/**
@use总结：
    - 1.@use引入同一个文件多次，不会重复引入，而@import会重复引入
    - 2.@use引入的文件都是一个模块，默认以文件名作为模块名，可以通过as alias重命名
    - 3.@use引入多个文件时，没个文件都是单独的模块，相同变量名不会覆盖，通过模块名访问，而@import变量会被覆盖
    - 4.@use方式可以通过 @use 'xxx' as * 来取消命名空间，建议不要这么做
    - 5.@use模块内可通过$-或$_来定义私有成原
    - 6.@use模块内变量可通过!default定义默认值，引入时可通过with(...)的方式修改
*/

// @use './mixin/common.scss' with($padding:10px);
@use './mixin/common.scss' as gl with($padding:10px);
body {
    // font-size: gl.$_font-size;//私有变量不能使用
    background-color: gl.$theme;
    padding: gl.$padding;
}